<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>3.分析Hello效果</title>
    <!-- 引入Vue -->
    <script type="text/javascript" src="../../js/vue.js"></script>
  </head>
  <body>
    <!-- 准备一个容器 -->
    <div id="demo">
      <input type="text">
      <h1>Hello,{{school}}</h1>
      <h1>Hello,{{school.toUpperCase()}}</h1>
      <h1>Hello,{{school.toUpperCase().slice(0,2)}}</h1>
      <h1>Hello,{{floor > 6 ? '高楼层' : '低楼层'}}</h1>
      <h1>Hello,{{1+1}}</h1>
      <h1>Hello,1+1</h1>
      <h1>Hello,{{200-2}}</h1>
      <h1>Hello,{{floor+1}}</h1>
    </div>

    <script type="text/javascript" >
      // 创建一个Vue实例
      new Vue({
        el:'#demo',
        data:{
          school:'atguigu',
          floor:3,
        }
      })
    </script>
  </body>
</html>